import React, { Component } from 'react';
import { NavLink } from 'react-router-dom'
import { CenterBox } from './style';
import { withRouter } from 'react-router-dom'

@withRouter
class index extends Component {
  render() {
    return (
      <CenterBox>
        <div className="top">
          <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic4.zhimg.com%2Fv2-b6eae3250bb62fadb3d2527f466cf033_b.jpg&refer=http%3A%2F%2Fpic4.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1629250533&t=364a3a42d1997334b0ab994d3305f06c" ></img>
          <h6 onClick={e => {
            this.props.history.push('/login')
          }}>立即登录</h6>
        </div>
        <div >
          <ul className="divUl">
            <li>
              <a>购物车</a>
            </li>
            <li>
              <a>支付记录</a>
            </li>
            <li>
              <a>余额</a>
            </li>
            <li>
              <a>下载管理</a>
            </li>
          </ul>
        </div>

        <div className="divList">
          <p><a>我的收藏</a><span>></span></p>
          <p><a>我的留言</a><span>></span></p>
          <p><a>我的消息</a><span>></span></p>
          {/* <p><NavLink to="browsing">帮助与反馈</NavLink><span>></span></p> */}
          <p><a>帮助与反馈</a><span>></span></p>
          <p><a>账号绑定</a><span>></span></p>
          <p><a>设置</a><span>></span></p>
        </div>
      </CenterBox>
    );
  }
}

export default index;
